import React from 'react'
import PropTypes from 'prop-types'
import styles from './styles.module.css'
const VideoPlayer = ({ videoPath }) => {
  return (
    <div>
      <video
        className={styles.bordered_video}
        autoPlay
        muted
        playsInline
        loop
        controls={false}
        width="100%"
        height="100%">
        <source src={videoPath} type="video/mp4" />
        Sorry, your browser does not support the video tag.
      </video>
    </div>
  )
}
VideoPlayer.propTypes = {
  videoPath: PropTypes.string.isRequired,
}

export default VideoPlayer
